<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>  
<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Content-Language" content="zh-CN">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="shop">
    <meta name="author" content="letsun">

    <title>我的卡券</title>

    <link rel="stylesheet" type="text/css" href="${resources}/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="${resources}/plugs/fontAwesome/4.6.3/css/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="${resources}/css/jquery.gritter.css">
    <link rel="stylesheet" type="text/css" href="${resources}/css/bootstrap-sticky-footer.css">
    <link rel="stylesheet" type="text/css" href="${resources}/css/bootstrap-fix.css">
    <link rel="stylesheet" type="text/css" href="${resources}/css/foot.css">
    <link rel="stylesheet" type="text/css" href="${resources}/css/myCard.css">
    <script src="${resources}/js/jquery.gritter.min.extend.js"></script>
    <script src="${resources}/js/jquery.min.js"></script>
    <script src="${resources}/js/bootstrap.min.js"></script>
</head>

<body>
<nav class="navbar navbar-default navbar-static-top navbar-shortcut">
    <div class="container">
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right navbar-nav-jd">
                <li>
                    <a href="http://192.168.1.42:8888/shop-pc/setting/profile" class="link-user">您好,18720989381</a>
                </li>
                <li>
                    <a href="http://192.168.1.42:8888/shop-pc/logout" class="link-logout">退出</a>
                </li>
                <li>
                    <a target="_blank" href="http://192.168.1.42:8888/shop-pc/manage/order">我的订单</a>
                </li>
            </ul>
        </div><!--/.nav-collapse -->
    </div>
</nav>
<!--- 导航： begin -->
<div id="nav">
    <div class="w container">
        <!-- logo begin -->
        <div class="logo">
            <a href="http://192.168.1.42:8888/shop-pc/" target="_blank" class="fore1"></a>
        </div>
        <!-- logo end -->

        <div class="pull-right">
            <form class="navbar-form navbar-left navbar-form-jd" role="search" action="http://192.168.1.42:8888/shop-pc/goods/search">
                <div class="form-group">
                    <input type="text" class="form-control" name="search_CN_title" placeholder="水果">
                </div>
                <button type="submit" class="btn btn-default">搜索</button>
            </form>

        </div>
    </div>
</div>
<!--- 导航： end -->

<div class="container">
    <div class="row">
        <div class="col-md-1">
            <div class="menu">
                <ul class="list-unstyled">
                    <li>
                        <a href="http://192.168.1.42:8888/shop-pc/setting/profile">个人信息</a>
                    </li>
                    <li>
                        <a href="http://192.168.1.42:8888/shop-pc/manage/address">我的地址</a>
                    </li>
                    <li>
                        <a href="http://192.168.1.42:8888/shop-pc/manage/order">订单信息</a>
                    </li>
                    <li>
                        <a href="http://192.168.1.42:8888/shop-pc/manage/goodscomment">我的评价</a>
                    </li>
                    <li>
                        <a href="http://192.168.1.42:8888/shop-pc/manage/goodscollect">我的收藏</a>
                    </li>
                    <li>
                        <a href="http://192.168.1.42:8888/shop-pc/setting/password">修改密码</a>
                    </li>
                    <li>
                        <a href="http://192.168.1.42:8888/shop-pc/cart">购物车</a>
                    </li>
                    <li class="active">
                        <a href="javacsript:">我的卡券</a>
                    </li>
                    <li>
                        <a href="javacsript:">中奖记录</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="col-md-11">

            <div class="mask">
                <span style="margin:auto;">
                    <i class="fa fa-spinner fa-spin"></i>
                </span>
            </div>

            <!-- page-header -->
            <div class="page-header">
                <div class="page-comm">
                    <ul class="list">
                        <li>未使用</li>
                        <li>已使用</li>
                        <li>已过期</li>
                    </ul>
                </div>
            </div>
            <!-- /.page-header -->

            <!-- page-content -->
            <div class="page-content">
                <div class="page-comm">
                    <div class="cardInfo">1<img src="${resources}/images/1_2.png"/></div>
                    <div class="cardInfo" style="display: none;">2<img src="${resources}/images/1_2.png"/></div>
                    <div class="cardInfo" style="display: none;">3<img src="${resources}/images/1_2.png"/></div>
                </div>
            </div>
            <!-- /.page-content -->


            <form id="validation-form" method="get" action="http://192.168.1.42:8888/shop-pc/manage/order/create">

            </form>
        </div>
    </div>
</div>

<%@ include  file="../footer.jsp"%>
<script type="text/javascript">
    var $path = "/shop-pc";
</script>

<script>

    $(function(){
        tabCard ();
    });

    /**
     * @desc  tab 切换卡券
     **/
    function tabCard () {
        $(".list > li").on("click",function(){
            var _thisIndex = $(this).index();
            $(".cardInfo").hide().eq(_thisIndex).show();
        })
    }
</script>

</body>
</html>